<template>
  <div id="app">
    <!-- LOGO -->
    <div class="LOGO">
      <img :src="logo">
      <p>鸵 鸵 搭</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'logo',
  data () {
    return {
      logo: require('@/assets/images/Login/logo.png')
    }
  }
}
</script>
<style lang="scss">
  .LOGO {
    text-align: center;
    // width: 40%;
    // height: 50%;
    img {
      margin-top: 20px;
      width: 40%;
      height: auto;
    }
    p {
      font-family: 微软雅黑;
      font-size: 18px;
      font-weight: bold;
      color: #E9BD7A;
    }
  }
</style>
